uni-page-head {
    border-bottom: 1px solid #f5f5f5;
}

.pointer {
    cursor: pointer;
}

.ellipsis-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
}

.ellipsis-1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.flex {
    display: flex;
}

.flex-1 {
    flex: 1;
}

.flex-row {
    flex-direction: row;
}

.flex-column {
    flex-direction: column;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.font-bold {
    font-weight: bold;
}

@for $i from 1 through 10 {
    .mr-#{$i} {
        margin-right: #{$i * 2}rpx;
    }

    .ml-#{$i} {
        margin-left: #{$i * 2}rpx;
    }

    .pr-#{$i} {
        padding-right: #{$i * 2}rpx;
    }

    .p-#{$i} {
        padding: #{$i * 2}rpx;
    }

    .pl-#{$i} {
        padding-left: #{$i * 2}rpx;
    }

    .pb-#{$i} {
        padding-bottom: #{$i * 2}rpx;
    }

    .pt-#{$i} {
        padding-top: #{$i * 2}rpx;
    }

    .mb-#{$i} {
        margin-bottom: #{$i * 2}rpx;
    }

    .mt-#{$i} {
        margin-top: #{$i * 2}rpx;
    }
}